<template>
    <div>
        <!--右边-->
        <div class="h-27" >
            <div class="p-1">
                <div class="p-2">摘牌申请</div>
                <div class="p-3">
                    <!--路由-->
                    <div class="b-8">
                        <div class="b-9 p-4">当前位置： <a href="javascript:;">首页</a> > <a href="javascript:;">摘牌申请</a></div>
                    </div>
                </div>
                <div class="q-1" v-if="!onShow">
                    <ul class="q-2">
                        <li class="active">
                            <div class="q-3"><div class="q-4"></div><div class="q-5">填写资料</div></div>
                        </li>
                        <li>
                            <div class="q-3"><div class="q-4"></div><div class="q-5">审核</div></div>
                        </li>
                        <li>
                            <div class="q-3"><div class="q-4"></div><div class="q-5">协商</div></div>
                        </li>
                        <li>
                            <div class="q-3"><div class="q-4"></div><div class="q-5">付款中</div></div>
                        </li>
                        <li>
                            <div class="q-3"><div class="q-4"></div><div class="q-5">交货中</div></div>
                        </li>
                        <li>
                            <div class="q-3"><div class="q-4"></div><div class="q-5">摘牌成功</div></div>
                        </li>
                    </ul>
                </div>
                <form class="q-6" v-if="!onShow">
                    <div class="q-7">
                        <div class="c-23">
                            <div class="c-24">填写资料</div>
                        </div>
                        <div class="p-11">
                            <span class="p-12">*<label>选择身份：</label></span>
                            <div class="p-13">
                                <label><input name="type" type="radio" value="">企业 </label>
                                <label><input name="type" type="radio" value="">个人 </label>
                            </div>
                        </div>
                        <div class="p-11" id="p1-11">
                            <span class="p-12">*<label>选择权利：</label></span>
                            <div class="p-13 p1-13">
                                <label class="p-39"><input name="all" id="j_cbAll" type="checkbox" value="">全部</label>
                                <div class="p-51" id="j_tb">
                                    <label class="p-39"><input name="right" type="checkbox" value="">发表权</label>
                                    <label class="p-39"><input name="right" type="checkbox" value="">署名权</label>
                                    <label class="p-39"><input name="right" type="checkbox" value="">修改权</label>
                                    <label class="p-39"><input name="right" type="checkbox" value="">保护作品完整权</label>
                                    <label class="p-39"><input name="right" type="checkbox" value="">复制权</label>
                                    <label class="p-39"><input name="right" type="checkbox" value="">发行权</label>
                                    <label class="p-39"><input name="right" type="checkbox" value="">出租权</label>
                                    <label class="p-39"><input name="right" type="checkbox" value="">展览权</label>
                                    <label class="p-39"><input name="right" type="checkbox" value="">表演权</label>
                                    <label class="p-39"><input name="right" type="checkbox" value="">放映权</label>
                                    <label class="p-39"><input name="right" type="checkbox" value="">广播权</label>
                                    <label class="p-39"><input name="right" type="checkbox" value="">信息网络传播权</label>
                                    <label class="p-39"><input name="right" type="checkbox" value="">摄制权</label>
                                    <label class="p-39"><input name="right" type="checkbox" value="">改编权</label>
                                    <label class="p-39"><input name="right" type="checkbox" value="">翻译权</label>
                                    <label class="p-39"><input name="right" type="checkbox" value="">汇编权</label>
                                    <label class="p-39"><input name="right" type="checkbox" value="">其他</label>
                                </div>
                            </div>
                        </div>
                        <div class="p-21">
                            <div class="p-22"><span class="p-12 q-9">*<label>摘牌申请表：</label></span><a href="javascript:;" class="p-18">点击下载摘牌申请表模板</a></div>
                            <ul class="p-23 q-10">
                                <li><img src="@/assets/image/add1.png"/></li>
                            </ul>
                        </div>
                        <div class="p-21 q-8">
                            <div class="p-22"><span class="p-12 q-9">*<label>摘牌委托书：</label></span><a href="javascript:;" class="p-18">点击下载摘牌委托书模板</a></div>
                            <ul class="p-23 q-10">
                                <li><img src="@/assets/image/add2.png"/></li>
                            </ul>
                        </div>
                        <div class="p-21">
                            <div class="p-22"><span class="p-12 q-9">*<label>订单（报价）：</label></span><a href="javascript:;" class="p-18">点击下载订单（报价）模板</a></div>
                            <ul class="p-23 q-10">
                                <li><img src="@/assets/image/add1.png"/></li>
                            </ul>
                        </div>
                        <div class="p-21 q-8">
                            <div class="p-22"><span class="p-12 q-9">*<label>资质证明文件：</label></span><a href="javascript:;" class="p-18">点击下载企业授权委托书模板</a></div>
                            <ul class="p-23 q-10">
                                <li>
                                    <div class="q-11"><img src="@/assets/image/add2.png"/></div>
                                    <p class="q-12">法人身份证正面复印件</p>
                                </li>
                                <li>
                                    <div class="q-11"><img src="@/assets/image/add2.png"/></div>
                                    <p class="q-12">法人身份证正面复印件</p>
                                </li><li>
                                <div class="q-11"><img src="@/assets/image/add2.png"/></div>
                                <p class="q-12">法人身份证正面复印件</p>
                            </li>
                                <li>
                                    <div class="q-11"><img src="@/assets/image/add2.png"/></div>
                                    <p class="q-12">法人身份证正面复印件</p>
                                </li>
                            </ul>
                            <div class="q-13">
                                <textarea class="q-14" placeholder="请填写企业简介"></textarea>
                                <div class="q-15">
                                    企业法人必备的资格证明材料（如复印件需加盖公章）<br />
                                    (1)、法人代表身份证等复印件； <br />
                                    (2)、企业简介；<br />
                                    (3)、如需授权办理的需提交受托人身份证明复印件。
                                </div>
                            </div>
                        </div>
                        <div class="p-21">
                            <div class="p-22"><span class="p-12 q-9">*<label>其他文件：</label></span><a href="javascript:;" class="p-18">需要摘牌方提供证书等等</a></div>
                            <ul class="p-23 q-10">
                                <li><img src="@/assets/image/add1.png"/></li>
                            </ul>
                            <div class="q-13 q-16">
                                <textarea class="q-14" placeholder="请回答挂牌方问题"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="p-28"><button class="p-29" type="submit" @click="submitDelist">提交</button></div>
                </form>
                <!--审核中-->
                <div class="q-17" v-if="onShow">
                    <img class="q-18" src="@/assets/image/shz.png"/>
                    <div class="q-19">已提交审核，请耐心等待</div>
                </div>
<!--                &lt;!&ndash;审核通过&ndash;&gt;-->
<!--                <div class="q-17">-->
<!--                    <img class="q-18" src="@/assets/image/pass.png"/>-->
<!--                    <div class="q-19">审核已通过，赶紧进行下一步吧。</div>-->
<!--                    <div class="q-20">-->
<!--                        <a class="q-21" href="javascript:;">协议确定</a>-->
<!--                        <a class="q-22" href="javascript:;">取消</a>-->
<!--                    </div>-->
<!--                </div>-->
            </div>
        </div>
        <div style="clear: both;"></div>
    </div>
</template>

<script>
    export default {
        name: "deListApply",
        data(){
            return{
              onShow:false,   //审核提交提示，默认隐藏
              productId:undefined,
              trading_type:0, //挂牌类型
              trading_power:"1,2,3,4",
              projectTypeOptions:[],
              worksTypeOptions:[],
            }
        },
        created(){
          this.productId=this.$route.params.product
          let trading_power=this.$route.params.trading_power
          console.log("测试1");
          this.getDicts("project_type").then(response => { //字典
            console.log("测试3");
            this.projectTypeOptions = response.data;
          });
          console.log("测试2");  
          this.getDicts("works_type").then(response => {  //字典
            this.worksTypeOptions = response.data;
          });
        },
        methods:{
            submitDelist(){
                this.onShow=true;
            },
          //字典
          projectTypeFormat(row){
            return this.selectDictLabel(this.projectTypeOptions, row.project_type);
          },
          worksTypeFormat(row){
            return this.selectDictLabel(this.worksTypeOptions, row.works_type);
          },
        }
    }
</script>

<style scoped>
    #p1-11{height: auto;padding-bottom: 20px;}
    .p1-13{display: inline-block;width: 780px;vertical-align: top;line-height: initial;margin-top: 18px;}
    @import "../../layui/css/layui.css";
    @import "../../css/index.css";
    @import "../../css/user_listing.css";
    @import "../../css/user_addlistingl.css";
    @import "../../css/user_adddeslisting.css";
    @import "../../css/idangerous.swiper.css";
</style>
